<!DOCTYPE html>
<html lang="en">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<head>
<title>Search.com - Explorar</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link type="text/css" href="css/autosuggest_inquisitor.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script> 
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/bsn.AutoSuggest_2.1.3.js"></script>
</head>
<body id="page3">
<div class="body1"></div>
<div class="body2">
	<div class="main">
<!--header -->
		<header>
			<div class="wrapper">
				<nav>
					<ul id="menu">
						<li><a href="/">Inicio</a></li>
						<li id="menu_active"><a href="explorar">Explorar </a></li>
						<li><a href="ultimaspublicaciones">&Uacute;ltimas publicaciones</a></li>
						<li><a href="publicar">Publicar</a></li>
						<li class="bg_none"><a href="contacto">Contacto</a></li>
					</ul>
				</nav>
				<h1><a href="/" id="logo">Search.com</a></h1>
			</div>
			<div class="wrapper">
                            <form action="search" method="GET">
				<article class="col1 pad_left2">
					<div class="text1">Explorando... </div>
					<p class="results">
                        Realizar b&uacute;squeda: <input id="query" type="text" name="q" class="searchtext2" /> <input type="submit" name="button" value="Buscar!" class="searchbutton">
                    </p>
				</article>
                            </form>
			</div>
		</header>
	</div>
</div>
<!--header end-->
<!--content -->
<div class="body3">
	<div class="main">
		<section class="content_search">
			<article class="pad pagelabel">
				<h2 class="singlepadding">P&aacute;ginas:</h2>
			</article>
			<article class="pad pagelist">
				<div>
					<ul class="listpages">
                                            <li>
                                                <span class="box1"><a href="explorar?page=${(stats.selectedPage - 1) < 1 ? 1 : (stats.selectedPage-1)}">&lt;</a></span>
                                                <span class="box1"><a href="explorar?page=${stats.selectedPage}">${stats.selectedPage}</a></span>
                                                <span class="box1"><a href="explorar?page=${(stats.selectedPage + 1) <= stats.maxPages ? stats.selectedPage + 1 : stats.maxPages}">&gt;</a></span>
                                            </li>
					</ul>
                </div>
			</article>
		</section>
	</div>
</div>
<div class="main">
	<br />
    <c:forEach items="${results}" varStatus="vs">
	<section class="content_search">
		<div class="wrapper">
        	<article class="document">
        		<h2 class="webresult"><a href="/ver?id=${results[vs.index].idDocument}" class="nounderline">${vs.index + 1 + (stats.selectedPage - 1) * stats.resultsPerPage}. ${results[vs.index].nombre}</a></h2>
				<p class="pad_bot2 marg_top"><strong>Autor:</strong> ${results[vs.index].autor} - <strong>P&aacute;ginas:</strong> ${results[vs.index].paginas} - <strong>Tama&ntilde;o:</strong> ${results[vs.index].longitudString} - <strong>Link:</strong> <a href="/ver?id=${results[vs.index].idDocument}" class="link1">${results[vs.index].ruta}</a></p>
				<p class="pad_bot2">${results[vs.index].documentFragment}...</p>
        	</article>
 		</div>
	</section>
    </c:forEach>
</div>
<!--content end-->
<!--footer -->
<div class="body4">
	<div class="main">
		<section class="content_search">
			<article class="pad pagelabel">
				<h2 class="singlepadding">P&aacute;ginas:</h2>
			</article>
			<article class="pad pagelist">
				<div>
					<ul class="listpages">
                                            <li>
                                                <span class="box1"><a href="explorar?page=${(stats.selectedPage - 1) < 1 ? 1 : (stats.selectedPage-1)}">&lt;</a></span>
                                                <span class="box1"><a href="explorar?page=${stats.selectedPage}">${stats.selectedPage}</a></span>
                                                <span class="box1"><a href="explorar?page=${(stats.selectedPage + 1) <= stats.maxPages ? stats.selectedPage + 1 : stats.maxPages}">&gt;</a></span>
                                            </li>
					</ul>
                </div>
			</article>
		</section>
	</div>
</div>
<div class="body5">
	<div class="main">
		<footer>&copy; 2011 <a href="http://www.search.com/">Search.com</a>  - U.T.N. F.R.C. <br /><strong>Dise&ntilde;o de Lenguajes de Consulta</strong>
		</footer>
	</div>
</div>
<!--footer end-->
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
	var options_xml = {
		script: "/suggestions?",
		varname: "q",
		shownoresults:false,
		maxresults: 5,
		callback: function (obj) { }
	};
	var as_xml = new bsn.AutoSuggest('query', options_xml);
</script>
</body>
</html>